@charset "UTF-8";
*{margin:0;padding:0}
#movie{
	text-align:center;
	.img{
		overflow:hidden;
	}
	img{
		width:80%;
	}
	.col-md-3{
		div{
			cursor:pointer;
			transition:0.5s;
		}
		div:not(:first-child):hover{
			color:white;
			background-color:lightblue;
		}
	}
}

#navigation{
	height:40px;
	background-color:rgba(0,0,0,0.3);
	padding:3px 0;
	div{
		position: relative;
		text-align:right;
		button{
			margin-left:10px;
		}
		.head{
			width:34px;
			border-radius:50%;
		}
	}
}

#logOnDiv{
	position:fixed;
	top:200px;
	right:0px;
	left:0px;
	margin:0 auto;
	width:480px;
	background-color:white;
	border-radius:5px;
	box-shadow:2px 2px 10px gray;
	z-index:100;
	display:none;
	padding-bottom:20px;
	#remove{
		text-align:right;
		button{
			border:none;
			color:red;
		}
	}
	#logContent{
		width:80%;
		margin:0 auto;
		#logName,#logPass{
			display:inline-block;
			width:60%;
			margin-left:20px;
		}
		#logInformation{
			margin-bottom:15px;
			font-size:18px;
			color:red;
			font-family:黑体;
		}
	}
}

#registerDiv{
	@extend #logOnDiv;
	#removea{
		@extend #remove;
	}
	#regContent{
		@extend #logContent;
		#regName{
			@extend #logName;
		}
		#regPass{
			@extend #logPass;
		}
		#regInformation{
			@extend #logInformation;
		}
	}
}